<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="js/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="style/default/css/base.css">
</head>
<body>
  <header class="header">
    <div class="header-top">
      <div class="container">
        <h1 class="logo"><a href="#"><img src="img/logo.png" alt="Logo"></a></h1>
        <div class="contact"><a href="tel:186000000">TEL:186000000</a></div>
      </div>
    </div>
    <nav class="nav">
      <div class="container">
        <a href="#">首页</a>
        <a href="#">关于我们</a>
        <a href="#">成功案例</a>
        <a href="#">产品中心</a>
        <a href="#">在线留言</a>
        <a href="#">联系我们</a>
      </div>
    </nav>
  </header>
  <div id="Banner" class="banner swiper-container">
    <ul class="swiper-wrapper">
      <li class="swiper-slide"><a href="#"><img src="img/banner1.jpg" alt="banner1"></a></li>
      <li class="swiper-slide"><a href="#"><img src="img/banner2.jpg" alt="banner2"></a></li>
      <li class="swiper-slide"><a href="#"><img src="img/banner3.jpg" alt="banner3"></a></li>
    </ul>
  </div>
  <div class="container">
    <div class="row ad">
      <div class="col-4">
        <a href="#"><img src="img/ad1.jpg" alt="ad1"></a>
      </div>
      <div class="col-4">
        <a href="#"><img src="img/ad2.jpg" alt="ad2"></a>
      </div>
      <div class="col-4">
        <a href="#"><img src="img/ad3.jpg" alt="ad3"></a>
      </div>
    </div>
    <div class="news">
      <ul class="news-menu">
        <li class="active"><a href="#">公司新闻</a></li>
        <li><a href="#">行业资讯</a></li>
      </ul>
      <div class="news-content">
        <div class="news-title">
          <a href="#">首页</a>
          <em>&gt;</em>
          <a href="#">国内</a>
          <em>&gt;</em>
          <a href="#">内地新闻</a>
          <em>&gt;</em>
          <span>列表</span>
        </div>
        <ul class="news-list">
          <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2015-9-12</span></li>
          <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2015-9-12</span></li>
          <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2015-9-12</span></li>
          <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2015-9-12</span></li>
          <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2015-9-12</span></li>
          <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2015-9-12</span></li>
          <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2015-9-12</span></li>
          <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2015-9-12</span></li>
          <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2015-9-12</span></li>
          <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2015-9-12</span></li>
          <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2015-9-12</span></li>
          <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2015-9-12</span></li>
          <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2015-9-12</span></li>
          <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2015-9-12</span></li>
          <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2015-9-12</span></li>
          <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2015-9-12</span></li>
        </ul>
        <div class="news-pager">
          <a href="#">首页</a>
          <a href="#">上一页</a>
          <a href="#">1</a>
          <a href="#">2</a>
          <em>3</em>
          <a href="#">4</a>
          <a href="#">5</a>
          <a href="#">6</a>
          <a href="#">7</a>
          <a href="#">8</a>
          <a href="#">9</a>
          <a href="#">下一页</a>
          <a href="#">尾页</a>
        </div>
      </div>
    </div>
  </div>
  <footer class="footer">
    <div class="footer-nav">
      <a href="#">关于我们</a>
      <a href="#">成功案例</a>
      <a href="#">产品中心</a>
      <a href="#">在线留言</a>
      <a href="#">联系我们</a>
    </div>
    <p class="copyright">版权所有 XXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
  </footer>
  <script src="js/swiper/js/swiper.min.js"></script>
  <script src="js/main.js"></script>
</body>
</html>